<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../vue.js"></script>
  </head>

  <body>
    <div id="app">
      <form action="###">
        <!-- 
          v-model收集单选框的内容
            因为单选框组我们只能选择一个,并且单选框的值是一个字符串
            所以我们选择使用字符串来进行收集
         -->
        <p>
          请选择你要就业的城市
          <input type="radio" value="西安" v-model="city" />西安
          <input type="radio" value="深圳" v-model="city" />深圳
          <input type="radio" value="武汉" v-model="city" />武汉
          <input type="radio" value="杭州" v-model="city" />杭州
        </p>
      </form>
    </div>
    <script>
      Vue.config.productionTip = false;

      const vm = new Vue({
        el: "#app",
        data() {
          return {
            city: "",
          };
        },
      });
    </script>
  </body>
</html>
